<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/common/taglibs.jsp"%>    
<!DOCTYPE html>
<html>
<head>
<jsp:include page="/common/head.jsp" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/global_two.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Insert title here</title>
</head>
<body id="main_body">
	<div id="main_headder">
		<font style="font-weight: bold; font-family: cursive;">tscnd orderManage</font>
			<span class="main_skin">皮肤： 
			  <select id="theme_changer" class="ui-selectmenu-button">
			</select>
			</span> 
	</div>
	<div>
		<ul class="main_ul">
			<li id="biaodan" action="${ctx}/order/gotoOrder.htm">订单管理</li>
			<li id="rizhi" action="${ctx}/material/tomaterial.htm">素材管理</li>
<%-- 			<li id="caozuo" action="${ctx}/manually/gotoManuallyShopjsp">操作</li> --%>
<!-- 			<li id="peizhi" action="../decorate/ui/config/config.html">配置</li> -->
		</ul>
	</div>
	<div id="main_center">
	</div>
	<div id="main_footer">
	 	<p>系统故障申报电话: 0755-1234567-4  技术支持邮箱: tscnd3@126.com</p>
	  	<p>
	  		<a href="http://www.4px.com" target="_blank">递四方集团</a>
	      	|
	  		<a href="http://tech.4px.com" target="_blank">递四方信息科技</a>
	      	|
	  		<a href="http://express.4px.com" target="_blank">递四方速递</a>
	      	|
	  		<a href="http://www.jiemai.com" target="_blank">借卖网</a>
	      	|
	  		<a href="http://www.mazentop.com" target="_blank">美赞拓</a>
	      	|
	  		<a href="http://www.merchantrunglobal.com" target="_blank">美胜商</a>
	 	</p>
		<p>Copyright © 2004Power By 4PX Info-Tech <img id="fpx_skin" src="${ctx}/images/logo_4pxTech.png" align="absmiddle" >All Right Reserved </p>
	</div>
</body>
<script type="text/javascript">
$(function(){
	
	$("#fpx_skin").dblclick(function(){
		var st=$(".main_skin").css('display');
		if(st=="inline-block"){
			$(".main_skin").css({
			   'display':'none'
			 });
		}else{
		   $(".main_skin").css({
				'display':'inline-block'
		   });	
		}
		
	});
	var ary=['black-tie','blitzer','cupertino','dark-hive','dot-luv','eggplant','excite-bike',
				'flick','hot-sneaks','humanity','le-frog','mint-choc','overcast','pepper-grinder'
				,'redmond','smoothness','south-street','start','sunny','swanky-purse','trontastic'
				,'ui-darkness','ui-lightness','vader'];
	var themeValue=$.global.getCookie("themeKey");
	if(themeValue!=null){
		  var url="../js/plugin/jquery-ui/v1.11.4/themes/"+themeValue+"/theme.css"
		 $('#theme').attr('href', url);
	}
	$("#theme_changer").html("");
	for(i=0;i<ary.length;i++){
		debugger;
		if(themeValue!=null){
			if(themeValue==ary[i]){
				$("#theme_changer").append('<option selected = "selected" value='+themeValue+'>'+themeValue+'</option>');
				continue;
			}
		}
		$("#theme_changer").append('<option value='+ary[i]+'>'+ary[i]+'</option>')
	}
	//更换皮肤样式
	 $('#theme_changer').change(function() {
         // alert("changer theme");
          var theme = $(this).find("option:selected").val();
          var url="${ctx}/js/plugin/jquery-ui/v1.11.4/themes/"+theme+"/theme.css"
          $('#theme').attr('href', url);
          $.global.setCookie("themeKey",theme);
      });
	
	var h=$(window).height();
// 	$("#main_center").css("height",h-(h*0.32));
	//当浏览器大小变化时
	$(window).resize(function () { 
		h=$(window).height();
// 		$("#main_center").css({
// 		  "height" : h-(h*0.32)
// 		});
	
	});
	
	//默认显示第一个
	 $.get("${ctx}/order/gotoOrder.htm",function(data){
			$('#main_center').html(data);
	 });
	
	 var bjc=$("#main_body").css("background");
	
	 $(".main_ul li:eq(0)").css({
		 "background-color":"#00B895",
	    	"color":"#FFF",
	    	"border-radius": "4px 4px 0px 0px"
	 });
	$(".main_ul li").bind('click',function(){
	
		 $(".main_ul li").siblings().css({
			"background-color":bjc,
			"color":"#AAAFFF"
			});
		 var path=$(this).attr("action");
		 $(this).css({
	    	"background-color":"#00B895",
	    	"color":"#FFF",
	    	"border-radius": "4px 4px 0px 0px"
	     });
		 
		 
		$("#main_center").attr('src',path);
		 $.get(path,function(data){
			 loadCenter(data);
		 });	
	});
	
});

function loadCenter(data){
	$('#main_center').html(data);
}

</script>
</html>